<aside class="case-sidebar" role="complementary">
    <nav id="myAffix" class="sidebar affix-top">
        <dl>
            <dt onClick="changeImage()">系统记录<img src="../images/select_xl01.png"></dt>
            <dd><a class="active" href="#">充值记录</a></dd>
            <dd><a href="#">短信充值记录</a></dd>
            <dd><a href="#">消费记录</a></dd>
            <dd><a href="#">操作记录</a></dd>
        </dl>

        <dl>
            <dt onClick="changeImage()">客户管理<img src="../images/select_xl01.png"></dt>
            <dd><a href="#">客户管理</a></dd>
            <dd><a href="#">试用/成交客户管理</a></dd>
            <dd><a href="#">未成交客户管理</a></dd>
            <dd><a href="#">即将到期客户管理</a></dd>
        </dl>

        <dl>
            <dt>渠道管理<img src="../images/select_xl01.png"></dt>
            <dd><a href="#">渠道主页</a></dd>
            <dd><a href="#">渠道标准管理</a></dd>
            <dd><a href="#">系统通知</a></dd>
            <dd><a href="#">渠道商管理</a></dd>
            <dd><a href="#">渠道商链接</a></dd>
        </dl>
    </nav>
</aside>
<script>
    $('#myAffix').affix({
        offset: {
            top: 400,
            bottom: function () {
                return (this.bottom = $('.footer').outerHeight(true))
            }
        }
    })
</script>